<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/menu.xhtml">
        <ui:define name="title">
            <h:outputText value="#{bundle.CreateClientesTitle}"></h:outputText>
        </ui:define>
        <ui:define name="body">
            <p:growl/>
            <h:form>
                <p:outputLabel value="Los campos con * son Obligatorios"/>
                <p:separator/>
                <h:panelGrid columns="6">
                    <p:outputLabel value="#{bundle.CreateUsuariosLabel_tipodocumento}" for="tipodocumento" />
                    <p:selectOneMenu id="tipodocumento" value="#{clientesController.selected.tipodocumento}" required="true" requiredMessage="#{bundle.CreateClientesTitle_tipodocumento}">
                        <f:selectItems value="#{tiposdocumentoController.itemsAvailableSelectOne}"/>
                    </p:selectOneMenu>
                    <p:outputLabel value="#{bundle.CreateClientesLabel_identificacion}" for="identificacion" />
                    <p:inputText id="identificacion"  value="#{clientesController.selected.identificacion}" title="#{bundle.CreateClientesTitle_identificacion}" required="true" requiredMessage="#{bundle.CreateClientesRequiredMessage_identificacion}">
                        <p:watermark value="N° Documento" for="identificacion"/>
                    </p:inputText>
                    
                    
                
                    <p:outputLabel value="#{bundle.CreateUsuariosLabel_nombre}" for="nombre" />
                    <p:inputText id="nombre" value="#{clientesController.selected.usuarios.nombre}" title="#{bundle.CreateUsuariosTitle_nombre}" />
                    <p:outputLabel value="#{bundle.CreateUsuariosLabel_apellidouno}" for="apellidouno" />
                    <p:inputText id="apellidouno" value="#{clientesController.selected.usuarios.apellidouno}" title="#{bundle.CreateUsuariosTitle_apellidouno}" />
                    <p:outputLabel value="#{bundle.CreateUsuariosLabel_apellidodos}" for="apellidodos" />
                    <p:inputText id="apellidodos" value="#{clientesController.selected.usuarios.apellidodos}" title="#{bundle.CreateUsuariosTitle_apellidodos}" />
                    <p:outputLabel value="#{bundle.CreateClientesLabel_direccion}" for="direccion" />
                    <p:inputText id="direccion" value="#{clientesController.selected.direccion}" title="#{bundle.CreateClientesTitle_direccion}" />
                    <p:outputLabel value="#{bundle.CreateClientesLabel_telefono}" for="telefono" />
                    <p:inputText id="telefono" value="#{clientesController.selected.telefono}" title="#{bundle.CreateClientesTitle_telefono}" />
                    <p:outputLabel value="#{bundle.CreateClientesLabel_celular}" for="celular" />
                    <p:inputText id="celular" value="#{clientesController.selected.celular}" title="#{bundle.CreateClientesTitle_celular}" />
                    <p:outputLabel value="#{bundle.CreateUsuariosLabel_pregunta}" for="pregunta" />
                    <p:inputText id="pregunta" value="#{clientesController.selected.usuarios.pregunta.descripcion}" title="#{bundle.CreateUsuariosTitle_pregunta}" />
                    <p:outputLabel value="#{bundle.CreateUsuariosLabel_perfil}" for="perfil" />
                    <p:inputText id="perfil" value="#{clientesController.selected.usuarios.perfil.descripcion}" title="#{bundle.CreateUsuariosTitle_perfil}" />
                    <p:outputLabel value="#{bundle.CreateUsuariosLabel_estado}" for="estado" />
                    <p:inputText id="estado" value="#{clientesController.selected.usuarios.estado.nombre}" title="#{bundle.CreateUsuariosTitle_estado}" />
                    <p:outputLabel value="#{bundle.CreateClientesLabel_usuarios}" for="usuarios" />
                    <p:selectOneMenu id="usuarios" value="#{clientesController.selected.usuarios}"  required="true" requiredMessage="#{bundle.CreateClientesRequiredMessage_usuarios}">
                        <p:ajax update="tipodocumento identificacion nombre apellidouno apellidodos pregunta perfil estado" />

                        <f:selectItems value="#{usuariosController.itemsAvailableSelectOne}"/>
                    </p:selectOneMenu>
                    <p:outputLabel value="#{bundle.CreateClientesLabel_profesion}" for="profesion" />
                    <p:selectOneMenu id="profesion" value="#{clientesController.selected.profesion}" required="true" requiredMessage="#{bundle.CreateClientesRequiredMessage_profesion}">
                        <f:selectItems value="#{profesionesController.itemsAvailableSelectOne}"/>
                    </p:selectOneMenu>
                    <p:outputLabel value="#{bundle.CreateClientesLabel_departamento}" for="departamento" />
                    <p:selectOneMenu id="departamento" value="#{clientesController.selected.departamento}" required="true" requiredMessage="#{bundle.CreateClientesRequiredMessage_departamento}">
                        <f:selectItems value="#{departamentosController.itemsAvailableSelectOne}"/>
                    </p:selectOneMenu>
                    <p:outputLabel value="#{bundle.CreateClientesLabel_ciudad}" for="ciudad" />
                    <p:selectOneMenu id="ciudad" value="#{clientesController.selected.ciudad}" required="true" requiredMessage="#{bundle.CreateClientesRequiredMessage_ciudad}">
                        <f:selectItems value="#{ciudadesController.itemsAvailableSelectOne}"/>
                    </p:selectOneMenu>
                    <p:outputLabel value="#{bundle.CreateClientesLabel_barrio}" for="barrio" />
                    <p:selectOneMenu id="barrio" value="#{clientesController.selected.barrio}" required="true" requiredMessage="#{bundle.CreateClientesRequiredMessage_barrio}">
                        <f:selectItems value="#{barriosController.itemsAvailableSelectOne}"/>
                    </p:selectOneMenu>
                </h:panelGrid>
                <p:spacer/>
                <h:panelGrid columns="2">
                    <p:commandButton action="#{clientesController.create}" value="#{bundle.CreateClientesSaveLink}" />
                    <p:commandButton action="#{clientesController.prepareList}" value="#{bundle.CreateClientesShowAllLink}" immediate="true"/>
                    <!--<h:commandButton action="{clientesController.findClient}" value="Buscar" />
                    <p:commandButton action="{clientesController.findClient}" value="Buscar" >
                        <p:ajax update="tipodocumento identificacion nombre apellidouno apellidodos pregunta perfil estado" />
                    </p:commandButton>-->
                    <p:outputLabel value="" />
                </h:panelGrid>
            </h:form>
        </ui:define>
    </ui:composition>

</html>
